layui.use(['form', 'layer', 'table', 'laytpl'], function() {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        laytpl = layui.laytpl,
        table = layui.table;
    console.log(severUrl);
    var laypage = layui.laypage;

    var bigUrl = "get_user_data"


    //用户列表
    var tableIns = table.render({
        elem: '#userList',
        cellMinWidth: 95,
        page: false,
        height: "full-125",
        contentType: 'application/json; charset=UTF-8',
        // limits: [10, 15, 20, 25],
        // limit: 20,
        id: "userList",
        // method: "get",
        method: 'POST', //方式
        where: { page: 1 },
        // dataType: "json",
        even: false,

        cols: [
            [
                // { type: "checkbox", fixed: "left", width: 50 },
                {
                    field: 'openid',
                    title: '姓名',
                    minWidth: 90,
                    align: "center",
                    templet: function(d) {
                        // console.log("woshisdhhhhhhhhhh")
                        // console.log(d)
                        // console.log(d.openid)
                        return '<span>' + (d.openid.name == "" ? "该用户没有简历" : d.openid.name) + '</span>';
                    }
                },
                // { field: 'nick_name', title: 'openId', minWidth: 90, align: "center" },

                {
                    field: 'head_img',
                    title: '头像',
                    minWidth: 100,
                    //                  height:200,
                    align: 'center',
                    templet: function(d) {
                        return '<img height="30" width="30" src="' + d.head_img + '"></img>';
                    }
                },
                { field: 'nick_name', title: '昵称', align: 'center' },
                { field: 'login_counts', title: '登录次数', align: 'center' },


                { field: 'gender', title: '性别', align: 'center' },
                {
                    field: 'regist_time',
                    title: '注册时间',
                    align: 'center',

                },
                {
                    field: 'province',
                    title: '所在省',
                    align: 'center',
                },
                { field: 'city', title: '所在市', align: 'center', minWidth: 150 },

                { field: 'country', title: '所在区', align: 'center', minWidth: 150 },
                { field: 'last_login_time', title: '最后登录时间', align: 'center', minWidth: 150 },


                { title: '操作', templet: '#userListBar', fixed: "right", align: "center" }
            ]
        ],
        url: severUrl + bigUrl,
        // url: "../../json/userList.json",

        done: function(res, page, count) {
            console.log("shuju");
            console.log(bigUrl)
            console.log(res);
            // console.log(count)
        }
    });
    // 分页
    $.ajax({
        type: "POST",
        url: severUrl + bigUrl,
        data: { page: 1 },
        dataType: "json",
        success: function(result) {
            laypage.render({
                elem: 'test2',
                count: result.my_count, //数据总数，从服务端得到
                curr: 1,
                jump: function(obj, first) {
                    console.log("999999999999")
                    console.log(obj);
                    // tableIns.config.method = 'post';
                    console.log(obj.curr)
                    table.reload("userListTable", {
                            where: { page: obj.curr }
                        })
                        //obj包含了当前分页的所有参数，比如：
                        // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                        // console.log(obj.limit); //得到每页显示的条数

                    //首次不执行
                    if (!first) {
                        //do something
                    }
                }

            })
        }

    });
    //搜索【此功能需要后台配合，所以暂时没有动态效果演示】
    $(".search_btn").on("click", function() {
        bigUrl = "search_user_data"

        // $.ajax({
        //     type: "POST",
        //     url: severUrl + 'search_user_data',
        //     data: { page: 1 },
        //     dataType: "json",
        //     success: function(result) {
        //         laypage.render({
        //             elem: 'test2',
        //             count: result.my_count, //数据总数，从服务端得到
        //             curr: 1,
        //             jump: function(obj, first) {
        //                 console.log("999999999999")
        //                 console.log(obj);
        //                 // tableIns.config.method = 'post';
        //                 console.log(obj.curr)

        //                 table.reload("userListTable", {
        //                         where: { page: obj.curr }
        //                     })
        //                     //obj包含了当前分页的所有参数，比如：
        //                     // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        //                     // console.log(obj.limit); //得到每页显示的条数

        //                 //首次不执行
        //                 if (!first) {
        //                     //do something
        //                 }
        //             }

        //         })
        //     }

        // });

        tableIns.config.url = severUrl + bigUrl;
        tableIns.config.method = 'post';
        console.log(tableIns.config.url)

        if ($(".searchVal").val() != '') {
            table.reload("userList", {
                where: { queryString: $(".searchVal").val() }
            })
        } else {
            layer.msg("请输入搜索的内容");
        }
    });

    //添加用户
    function addUser(edit) {
        var index = layui.layer.open({
            title: "添加用户",
            type: 2,
            content: "userAdd.html",
            success: function(layero, index) {
                var body = layui.layer.getChildFrame('body', index);
                if (edit) {
                    body.find(".userName").val(edit.userName); //登录名
                    body.find(".userEmail").val(edit.userEmail); //邮箱
                    body.find(".userSex input[value=" + edit.userSex + "]").prop("checked", "checked"); //性别
                    body.find(".userGrade").val(edit.userGrade); //会员等级
                    body.find(".userStatus").val(edit.userStatus); //用户状态
                    body.find(".userDesc").text(edit.userDesc); //用户简介
                    form.render();
                }
                setTimeout(function() {
                    layui.layer.tips('点击此处返回用户列表', '.layui-layer-setwin .layui-layer-close', {
                        tips: 3
                    });
                }, 500)
            }
        })
        layui.layer.full(index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function() {
            layui.layer.full(index);
        })
    }
    $(".addNews_btn").click(function() {
        addUser();
    })

    //批量删除
    $(".delAll_btn").click(function() {
        var checkStatus = table.checkStatus('userListTable'),
            data = checkStatus.data,
            newsId = [];
        if (data.length > 0) {
            for (var i in data) {
                newsId.push(data[i].newsId);
            }
            layer.confirm('确定删除选中的用户？', { icon: 3, title: '提示信息' }, function(index) {
                // $.get("删除文章接口",{
                //     newsId : newsId  //将需要删除的newsId作为参数传入
                // },function(data){
                tableIns.reload();
                layer.close(index);
                // })
            })
        } else {
            layer.msg("请选择需要删除的用户");
        }
    })

    //列表操作
    table.on('tool(userList)', function(obj) {
        var layEvent = obj.event,
            data = obj.data;

        if (layEvent === 'edit') { //编辑
            addUser(data);
        } else if (layEvent === 'lookJian') { //启用禁用
            var userInfo = data;
            if (userInfo.openid.name == "") {
                layer.msg("暂无简历");
                return;
            }

            console.log("ppiiiiii")
            console.log(data)
            console.log(userInfo)
            layui.layer.open({
                title: "预览简历",
                type: 2,
                area: ["500px", "500px"],
                content: 'linkList.html',
                success: function(layero, index) {
                    var body = layui.layer.getChildFrame('body', index);
                    console.log("uefhfdhahahacxx")
                    body.find(".layui-myinfos h1").text(userInfo.openid.name);
                    body.find(".jobAge").text(userInfo.openid.job_age)
                    body.find("#company").text(userInfo.openid.company)
                    body.find(".myIntroduct").text(userInfo.openid.introduction)
                    body.find(".job_position").text(userInfo.openid.job_position)
                    body.find(".tel").text(userInfo.openid.tel)
                    body.find(".myImgs img").attr("src", userInfo.head_img)


                    // console.log(layero, index);
                    //     }
                    // });
                }
            })

        } else if (layEvent === 'del') { //删除
            layer.confirm('确定删除此用户？', { icon: 3, title: '提示信息' }, function(index) {
                // $.get("删除文章接口",{
                //     newsId : data.newsId  //将需要删除的newsId作为参数传入
                // },function(data){
                tableIns.reload();
                layer.close(index);
                // })
            });
        }
    });

})